<!--流程表格小组件-->
<template>
  <div class="processTable">
    <a-table :rowKey="(record,index)=>index"  :columns="columns" :data-source="tableData" :scroll="{ x: '100%' }" :pagination="false"></a-table>
  </div>
</template>
<script>
const columns = [
  {
    key: "workCompletedDate",
    dataIndex: "workCompletedDate",
    title: "时间",
    // ellipsis: true,
    width: '13%'
  },
  {
    key: "workName",
    dataIndex: "workName",
    title: "节点名称",
    // ellipsis: true,
    width: '25%'
  },
  {
    key: "workAssignee",
    dataIndex: "workAssignee",
    title: "操作者",
    // ellipsis: true,
    width: '10%'
  },
  {
    key: "workVote",
    dataIndex: "workVote",
    title: "操作",
    // ellipsis: true,
    width: '6%'
  },
  {
    key: "workComments",
    dataIndex: "workComments",
    title: "处理意见",
    // ellipsis: true,
    // width: '63%'
  },
];
export default {
  name: "processTable",
  data() {
    return {
      // data,
      columns,
    };
  },
  props: {
    tableData: {
      type: Array
    }
  }
};
</script>
<style lang="less" scoped>
.processTable{
  /deep/.ant-table-body .ant-table-row td{
    padding: 8px 16px;
  }
  /deep/ .ant-table-thead > tr > th{
    padding: 10px 16px;
  }
}
</style>